<?php 
	if (!isset($_REQUEST['type'])) {
		$_REQUEST['type'] = '';
	}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Báo cáo xe về | Phần Mềm Quản Lý Điều Hành Xe | CÔNG
	TY TNHH DỊCH VỤ MINH VIỆT</title>

<!-- Bootstrap framework -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" />
<!-- gebo blue theme-->
<link rel="stylesheet" href="css/blue.css" id="link_theme" />
<!-- breadcrumbs-->
<link rel="stylesheet" href="lib/jBreadcrumbs/css/BreadCrumb.css" />
<!-- tooltips-->
<link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css" />
<!-- notifications -->
<link rel="stylesheet" href="lib/sticky/sticky.css" />
<!-- code prettify -->
<link rel="stylesheet" href="lib/google-code-prettify/prettify.css" />
<!-- notifications -->
<link rel="stylesheet" href="lib/sticky/sticky.css" />
<!-- splashy icons -->
<link rel="stylesheet" href="img/splashy/splashy.css" />
<!-- colorbox -->
<link rel="stylesheet" href="lib/colorbox/colorbox.css" />
<!-- enhanced select -->
<link rel="stylesheet" href="lib/chosen/chosen.css" />
<!-- datepicker -->
<link rel="stylesheet" href="lib/datepicker/datepicker.css" />
<!-- main styles -->
<link rel="stylesheet" href="css/style.css" />
<!-- <link rel="stylesheet" href="css/style2.css" /> -->
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" />
<!--[if lte IE 8]>
        <link rel="stylesheet" href="css/ie.css" />
        <script src="js/ie/html5.js"></script>
        <script src="js/ie/respond.min.js"></script>
    <![endif]-->
</head>
<body class="menu_hover">
	<div id="maincontainer" class="clearfix">
		<!-- header -->
      <?php include 'menu.php'; ?>

      <!-- main content -->
		<div id="contentwrapper">
			<div class="main_content">
				<!-- BreadCrumb -->
				<nav>
					<div id="jCrumbs" class="breadCrumb module">
						<ul>
							<li><a href="#"><i class="icon-home"></i></a></li>
							<li><a href="booking.php">Báo cáo xe về</a></li>
							<li>Báo cáo xe về</li>
						</ul>
					</div>
				</nav>
				<!-- End BreadCrumb -->
				<div>
					<form action="car_state.php" method="post" class="form-horizontal">
						<div class="row-fluid">
							<div class="span6">
								<div class="heading">
									<h3 class="title_page">Báo cáo xe về</h3>
								</div>
								<div class="control-group">
									<label class="control-label">Ngày</label>
									<div class="controls">
										<input type="text" id="dp1" class="input-xlarge" placeholder="Hôm nay" />
									</div>
								</div>					
								
								<div class="control-group">
									<label class="control-label" for="inputEmail">Mã đoàn (*)</label>
									<div class="controls">
										<select name="" class="input-xlarge chzn_a">
											<option>-- Chọn hoặc nhập bằng máy quét --</option>
											<option>MV-ABC-123</option>
											<option>MV-ABC-123</option>
											<option>MV-ABC-123</option>
											<option>MV-ABC-123</option>
											<option>MV-ABC-123</option>
											<option>MV-ABC-123</option>
											<option>MV-ABC-123</option>
											<option>MV-ABC-123</option>
											<option>MV-ABC-123</option>
											<option>MV-ABC-123</option>
											</select> 
									</div>
								</div>
								
								<div class="control-group">
									<label class="control-label" for="inputEmail">Tình trạng (*)</label>
									<div class="controls">
										<select name="" class="input-xlarge">
											<option>Không có phát sinh</option>
											<option>Có phát sinh</option>
											</select> 
									</div>
								</div>
								

								
								<div class="control-group">
									<label class="control-label" for="inputEmail">Nhập thông tin phát sinh (nếu có)</label>
									<div class="controls inline">
										<textarea rows="5" class="input-xlarge" placeholder=""></textarea>
									</div>
								</div>
								 
								<div class="control-group">
									<div class="controls inline">
										<button class="btn btn-primary">
											<i class="icon-ok icon-white"></i> Lưu lại
										</button>
										<a href="booking.php" class="btn">Quay lại</a>
									</div>
								</div>
							</div>
							
						</div>
					</form>
				</div>

			</div>
		</div>


		<script src="js/jquery.min.js"></script>
		<!-- smart resize event -->
		<script src="js/jquery.debouncedresize.min.js"></script>
		<!-- hidden elements width/height -->
		<script src="js/jquery.actual.min.js"></script>
		<!-- js cookie plugin -->
		<script src="js/jquery.cookie.min.js"></script>
		<!-- main bootstrap js -->
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<!-- bootstrap plugins -->
		<script src="js/bootstrap.plugins.min.js"></script>
		<!-- code prettifier -->
		<script src="lib/google-code-prettify/prettify.min.js"></script>
		<!-- tooltips -->
		<script src="lib/qtip2/jquery.qtip.min.js"></script>
		<!-- jBreadcrumbs -->
		<script src="lib/jBreadcrumbs/js/jquery.jBreadCrumb.1.1.min.js"></script>
		<!-- sticky messages -->
		<script src="lib/sticky/sticky.min.js"></script>
		<!-- fix for ios orientation change -->
		<script src="js/ios-orientationchange-fix.js"></script>
		<!-- datepicker -->
		<script src="lib/datepicker/bootstrap-datepicker.min.js"></script>

		<!-- lightbox -->
		<script src="lib/colorbox/jquery.colorbox.min.js"></script>
		<!-- common functions -->
		<script src="js/gebo_common.js"></script>
		<!-- enhanced select (chosen) -->
		<script src="lib/chosen/chosen.jquery.min.js"></script>


		<script>
      $(document).ready(function() {
    	  $(".chzn_a").chosen({
				allow_single_deselect: true
			});
			$(".chzn_b").chosen();
			$('#dp1').datepicker();
			$('#dp_start').datepicker({format: "mm/dd/yyyy"}).on('changeDate', function(ev){
				var dateText = $(this).data('date');
				
				var endDateTextBox = $('#dp_end input');
				if (endDateTextBox.val() != '') {
					var testStartDate = new Date(dateText);
					var testEndDate = new Date(endDateTextBox.val());
					if (testStartDate > testEndDate) {
						endDateTextBox.val(dateText);
					}
				}
				else {
					endDateTextBox.val(dateText);
				};
				$('#dp_end').datepicker('setStartDate', dateText);
				$('#dp_start').datepicker('hide');
			});
			$('#dp_end').datepicker({format: "mm/dd/yyyy"}).on('changeDate', function(ev){
				var dateText = $(this).data('date');
				var startDateTextBox = $('#dp_start input');
				if (startDateTextBox.val() != '') {
					var testStartDate = new Date(startDateTextBox.val());
					var testEndDate = new Date(dateText);
					if (testStartDate > testEndDate) {
						startDateTextBox.val(dateText);
					}
				}
				else {
					startDateTextBox.val(dateText);
				};
				$('#dp_start').datepicker('setEndDate', dateText);
				$('#dp_end').datepicker('hide');
			});		
			$('#checkbox-road').change(function(){
				if (this.checked) {
					$('#select_road_chzn').hide();
					$('#new-road').show();
					$('#new-road2').show();
				} else {
					$('#select_road_chzn').show();
					$('#new-road').hide();
					$('#new-road2').hide();
				
				}
			});	
      });      
      </script>

	</div>
</body>
</html>
